<app-header [headline]="'title.reset' | translate"></app-header>
<div class="container">
  <div class="-paper">
    <div [formGroup]="form">
      <div class="form-field">
        <label for="wallet">{{ 'reset.wallet-label' | translate }}</label>
        <input formControlName="wallet" id="wallet" readonly class="-disabled">
      </div>
      <div class="form-field">
        <label for="seed">{{ 'reset.seed-label' | translate }}</label>
        <textarea formControlName="seed" id="seed" row="2"></textarea>
      </div>
      <div class="form-field">
        <label for="password">{{ 'reset.password-label' | translate }}</label>
        <input formControlName="password" id="password" type="password">
      </div>
      <div class="form-field">
        <label for="confirm">{{ 'reset.confirm-label' | translate }}</label>
        <input formControlName="confirm" id="confirm" type="password" (keydown.enter)="reset()">
      </div>
      <div class="-buttons">
        <app-button #resetButton (action)="reset()" class="primary" [disabled]="!form.valid">
          {{ 'reset.reset-button' | translate }}
        </app-button>
      </div>
    </div>
  </div>
</div>
